@import '../../../../../assets/css/var.less';

.home-group-search {
    width: 100%;

    .supgpt-ant-input-group-wrapper {
        height: 40px;
        background: @supgpt-scene-background-1;
        border-radius: 8px;

        .supgpt-ant-input-group-addon {
            width: 40px;
            height: 40px;
            border: none;
            color: #BBBBBB;
            font-size: @supgpt-font-size-3;
            background-color: transparent;
        }

        .supgpt-ant-input-affix-wrapper {
            height: 40px;
            border: none;
            box-shadow: none;
            outline: none;
            background: transparent;
            padding: 4px 12px 4px 0;

            .supgpt-ant-input-clear-icon {
                color: #BBBBBB;
            }
        }

        .supgpt-ant-input {
            font-size: @supgpt-font-size-2;
            line-height: 22px;
        }

        .supgpt-ant-input::placeholder {
            color: #BBBBBB;
        }
    }

    &-dark {
        .supgpt-ant-input-group-wrapper {
            .supgpt-ant-input-group-addon {
                color: #5D5F84;
            }

            .supgpt-ant-input::placeholder {
                color: #5D5F84;
            }

            .supgpt-ant-input-affix-wrapper {

                .supgpt-ant-input-clear-icon {
                    color: #5D5F84;
                }
            }
        }
    }
}